require(['./config'], () => {
  require(['template', 'header', 'footer'], (template) => {
    class Kind {
      constructor() {
        this.sort = 0;
        this.strat = 0;
        this.render();
        this.toSort();
        this.toTop();
        this.paging();
      }
      render() {
        const id = location.search.slice(4);
        $.get(`http://www.xiongmaoyouxuan.com/api/search?word=${id}&start=${this.strat}&sort=${this.sort}`, resp => {
          if (resp.code === 200) {
            // console.log(resp)
            const { list } = resp.data;
            $('#flowerListXmyx').html(template('giftListTemplate', { list: list.slice(0, 40) }));
          }
        })
      }
      toSort() {
        const _this = this;
        $('#comprehensive').on('click', function () {
          $(this).addClass('ac').siblings().removeClass('ac');
          _this.sort = 0;
          _this.render();
        })
        $('#saleNum').on('click', function () {
          $(this).addClass('ac').siblings().removeClass('ac');
          _this.sort = 2;
          _this.render();
        });
        $('#salePrice').on('click', function () {
          $(this).addClass('ac').siblings().removeClass('ac');
          _this.sort = 1;
          _this.render();
        });

      }
      paging() {
        const _this = this;
        $('#nextPage a').on('click', function () {
          if ($(this).html() === '上一页') {
            $(this).parent().siblings().removeClass('ac');
            if (_this.strat <= 0) {
              _this.strat = 0;
            } else {
              _this.strat -= 32
            }
            _this.render();
            $('body,html').animate({ scrollTop: 500 }, 200)
          } else if ($(this).html() === '下一页') {
            $(this).parent().siblings().removeClass('ac');
            _this.strat += 32;
            _this.render();
            $('body,html').animate({ scrollTop: 500 }, 200)
          } else if ($(this).html() === '...') {

          } else {
            // console.log( $(this).parent().siblings())
            $(this).parent().addClass('ac');
            $(this).parent().siblings().removeClass('ac');
            _this.strat = parseInt($(this).html()) * 32;
            _this.render();
            $('body,html').animate({ scrollTop: 500 }, 200)
          }
        })

      }
      toTop() {
        $(window).on('scroll', () => {
          const scroll = $(document).scrollTop();
          if (scroll > 300) {
            $('#to-top').show();
          } else {
            $('#to-top').hide();
          }
          // console.log(scroll)
        })
        $('#to-top').on('click', () => {
          $('body,html').animate({ scrollTop: 0 }, 500)
        })
      }
    }
    new Kind()
  })
})
